<template>
	<li class="tob">
		<div class="tobText">
			<input type="checkbox"
				v-bind:checked="tob.done" v-on:change="changecheck(tob.id)">
			<span>{{tob.name}}</span>
		</div>
		<div class="tobButton">
			<button>删除</button>
		</div>
	</li>
</template>
<script>
	export default {
		name:'Tob',
		props:{
			tob:{
				type:Object,
			},
			changecheckz:{
				type:Object,
			}
		},
		methods:{
			changecheck(val){
				console.log(val)
			}
		},
		mounted(){
		}
	}
</script>
<style scoped>
	.tob{
		width:96%;
		border: 1px solid #000000;
		margin: 0px auto;
		list-style-type: none;
		display: flex;
	}
	.tobText{
		width: 80%;
		margin: 2px 0
	}
	.tobText input{
		margin: 5px;
	}
	.tobText span{
		font-size: 13px
	}
	.tobButton{
		width: 20%;
		margin: 2px 0;
	}
	.tob button{
		background-color: red;
		border-radius: 3px;
	}
</style>